﻿<!DOCTYPE html>
<html lang="en">
<head>

    <link href="../../statics/css/indexs/BigData.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index01.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <link href="../../statics/css/indexs/Security_operation.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/js/artDialog/skins/default.css" type="text/css"/>
    <script src="../../statics/libs/jquery.min.js"></script>
    <script src="../../statics/js/indexs/home_page.js"></script>
    <meta charset="UTF-8">
    <title>阳曲服务区信息平台</title>
    <#include "/header.html">
    <style>
        .order{
            background-color: #666b8c;
        }

    </style>
</head>
<body >
<div style="color: white;font-size: 32px;position: absolute;text-align: center;padding-top: 1%;z-index: 9;left: 41%;" >阳曲服务区信息平台</div>
<div style="position: absolute;width: 30px;height: 20px;z-index: 9999999999999999999" onclick="goBackstage()"></div>
<div class="data_bodey">
    <div class="index_nav" >
        <ul style="height: 30px; margin-bottom: 0px;">
            <li class="l_left total_chose_fr "><a style="color: white" href="../../modules/page/page_1.html" class="nav-link">实时监测</a></li>
            <li class="l_left total_chose_pl nav_active" ><a style="color: white" href="../../modules/page/page_2.html" class="nav-link">流量分析</a></li>
            <!--<li class="l_left total_chose_pl"><a style="color: white" href="../../modules/page/page_3.html" class="nav-link">订单分析</a></li>-->
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_4.html" class="nav-link">大屏推送</a></li>
            <li class="r_right total_chose_pl"><a style="color: white" href="../../modules/page/page_5.html" class="nav-link">车位管理</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_6.html" class="nav-link">智慧公厕</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_7.html" class="nav-link">视频监控</a></li>
        </ul>
        <div class="total_chose_box" style="padding:1%;">
            <div style="height: 10px;"></div>
            <span id="thisDay" onclick="choicetime(0)" class="year_chose" style="background-color: #3366FF;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本天</span>
            <span id="thisMonth" onclick="choicetime(1)" class="year_chose" style="margin-left:5px;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本月</span>
            <input  style="margin-left:5px;float: left;display:inline-block;height:26px;width: 8% ;" type="text"  class="layui-input" id="choiceday" placeholder="选择日期">
            <input  style="margin-left:5px;float: left;display:none;height:26px;width: 8% ;" type="text"  class="layui-input" id="choicemonth" placeholder="选择月">
            <span  id="submit" onclick="query()" class="year_chose" style="margin-left:5px;width: 4% ;display:block;background-color: #3366FF;text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer">查询</span>
        </div>
        <div class="clear"></div>
    </div>
    <div class="index_tabs" >

        <div class="inner" style="margin-left: 0.3%;margin-top: 0.3%;" >
            <div style="height: 50%;">
                <div class="data_left01" style="height: 100%;width: 35%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 6%;">车流量统计</div>
                                <div class="data_chart" id="carFlowChart" style="float:left;width:97%;height: 93%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="height: 100%;width: 30%;float: left;margin-right: 0.3%">
                    <div class="dataAllBorder01 cage_cl" style="height: 35%;width: 100%;float: left;margin-bottom: 0.3%;">
                        <div class="dataAllBorder02">
                            <table class="table_data02" style="border: none;">
                                <tr >
                                    <td class="font07" style="font-size: 24px;">车流量</td>
                                    <td class="font07" id="cllz" style="font-size: 24px;"></td>
                                    <td class="font07" style="font-size: 24px;">客流量</td>
                                    <td class="font07"  id="kllz" style="font-size: 24px;"></td>
                                </tr>
                                <tr >
                                    <td class="font07" style="font-size: 16px;">南区车流量</td>
                                    <td class="font07" id="clln" style="font-size: 16px;"></td>
                                    <td class="font07" style="font-size: 16px;">南区客流量</td>
                                    <td class="font07"  id="klln" style="font-size: 16px;"></td>
                                </tr>
                                <tr >
                                    <td class="font07" style="font-size: 16px;">北区车流量</td>
                                    <td class="font07" id="cllb" style="font-size: 16px;"></td>
                                    <td class="font07" style="font-size: 16px;">北区客流量</td>
                                    <td class="font07"  id="kllb" style="font-size: 16px;"></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="dataAllBorder01 cage_cl" style="height: 64.7%;width: 49.8%;float: left;margin-right: 0.3%;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 7%;">车辆类型对比</div>
                            <div class="data_chart" id="carGroupChart" style="float:left;width:97%;height: 90%"></div>
                        </div>
                    </div>
                    <div class="dataAllBorder01 cage_cl" style="height: 64.7%;width: 49.9%;float: left;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 7%;">客流量对比</div>
                            <div class="data_chart" id="peoplecount" style="float:left;width:97%;height: 90%"></div>
                        </div>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="height: 100%;width: 34.1%;float: left;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 6%;">客流量统计</div>
                        <div class="data_chart" id="peopleflow" style="float:left;width:97%;height: 93%"></div>
                    </div>
                </div>

            </div>
            <div style="height: 49.7%;margin-top: 0.3%">
                <div style="width: 50%;height: 100%;float: left;margin-right: 0.3%">
                    <div class="dataAllBorder01 cage_cl" style="height: 50%;width: 100%;float: left;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 10%;">归属地统计</div>
                            <div class="data_chart" id="carfrom" style="float:left;width:97%;height: 93%"></div>
                        </div>
                    </div>
                    <div class="dataAllBorder01 cage_cl" style="height: 50%;width: 100%;float: left;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 10%;">车辆进出详情</div>
                            <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide"style="height: 87%;overflow-y: scroll;">
                                <table id="carinout" class="table table-bordered">
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: 49.7%;height: 100%;float: left;">
                    <div class="dataAllBorder01 cage_cl" style="height: 100%;width: 100%;float: left;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 5%;">流量销售额对比</div>
                            <div class="data_chart" id="contrastChart" style="float:left;width:97%;height: 93%"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../../statics/js/indexs/echarts-all.js"></script>
<script src="../../statics/js/page/page_2.js"></script>
<script src="../../statics/libs/bootstrap.min.js"></script>
<script src="../../statics/libs/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../statics/js/indexs/jquery.pagination.js"></script>
<script src="../../statics/libs/bootstrap-table-zh-CN.min.js"></script>
<script src="../../statics/plugins/layui2.5.6/layui.js"></script>
<script src="../../statics/js/indexs/home_page.js"></script>
<script src="../../statics/js/artDialog/artDialog.js"></script>
<script src="../../statics/js/artDialog/plugins/iframeTools.source.js"></script>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        //日期时间选择器
        laydate.render({
            elem: '#beginTime'
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'datetime'
        });
        //自定义格式
        laydate.render({
            elem: '#choiceday'
            ,format: 'yyyy-MM-dd'
        });
        //年月选择器
        laydate.render({
            elem: '#choicemonth'
            ,type: 'month'
        });

    });
</script>
<script>

    function goBackstage() {
        window.location.href="../../index.html";
    }

</script>
</body>
</html>



























